@charset "utf-8";

/* CSS Document */

* { margin: 0; padding: 0 }

li { list-style: none }

.clear { clear: both; }

.fl { float: left; }

.fr { float: right; }

a { text-decoration: none; color: #333; }

img { border: none; }

body { font-family: "Microsoft YaHei"; font-size: 16px; color: #333; }

input { border: none; outline: none; font-family: "Microsoft YaHei"; -webkit-appearance: none; border-radius: 0 }

em { font-style: normal; font-size: 14px; }

.clear { clear: both; }

.main { width: 1200px; margin: 0 auto; }

/* 头部 */

.header { background: #495b69; height: 105px; width: 100%; min-width: 1200px;  }

.header-in { width: 1200px; margin: 0 auto; overflow: hidden }

.header-in .logo { float: left; margin-top: 20px; }

.header-in .nav { float: right; overflow: hidden; }

.header-in .nav li { float: left;margin:0px 10px; }

.header-in .nav li a { display: block; font-size: 16px; color: #fff; width: 100px; line-height: 105px; text-align: center; }

.header-in .nav li a:hover, .cur {background: url('../images/3n.jpg') center bottom no-repeat; }

/*banner datu*/

#banner1 { height: 900px; min-width: 1170px; overflow: hidden; }

.flexslider1 { position: relative; height: 900px; overflow: hidden; }

.slides1 { position: relative; z-index: 1; }

.slides1 li { height: 900px; color: #FFFFFF; font-size: 16px; line-height: 2em; position: relative; display: block; background-position: center 50%; background-size: cover; }
.slides1 li a{ display: block;width:100%; height:900px;overflow: hidden;}
.slides1 li.b0 { background-image: url(../images/ban0.jpg); }

.slides1 li.b1 { background-image: url(../images/ban1.jpg); }

.slides1 li.b2 { background-image: url(../images/ban2.jpg); }

.slides1 li.b3 { background-image: url(../images/ban3.jpg); }

.slides1 li.b4 { background-image: url(../images/ban4.jpg); }

.slides1 li.b5 { background-image: url(../images/ban5.jpg); }

.slides1 li p { width: 1170px; margin: 0 auto; padding-top: 100px; }

.slides1 li p font { font-size: 36px; font-weight: 100; line-height: 3em; display: block; }

.slides1 li p a { color: #FFFFFF; display: block; width: 135px; height: 40px; line-height: 40px; background: #fa7e23; text-align: center; margin-top: 30px; font-size: 14px; margin-left: 350px; }

.slides1 li p a:hover { background: #fa7e23; }

.flex-control-nav { position: absolute; bottom: 20px; z-index: 2; width: 100%; text-align: center; }

.flex-control-nav li { display: inline-block; width:30px; height:10px; margin: 0 5px; *display: inline; zoom: 1; }

.flex-control-nav a { display: inline-block; width:30px; height:10px; line-height: 0; font-size: 0; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer; }

.flex-control-nav .flex-active { background-position: 0 0; }

.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 40%; }

.flex-direction-nav li a { display: block; width: 49px; height: 95px; overflow: hidden; cursor: pointer; position: absolute; }

.flex-direction-nav li a.flex-prev { left: 40px; background: url(../images/flex.png) 0 center no-repeat; }

.flex-direction-nav li a.flex-next { right: 40px; background: url(../images/flex.png) -49px center no-repeat; }

/*xiaotu*/

#banner { height: 620px; min-width: 1170px; overflow: hidden;}

.flexslider { position: relative; height:620px; overflow: hidden; }

.slides { position: relative; z-index: 1; }

.slides li { height:620px; color: #FFFFFF; font-size: 16px; line-height: 2em; position: relative; display: block; background-position: center 50%; background-size: cover; }
.slides li a{ display: block;width:100%; height:900px;overflow: hidden;}
.slides li.b0 { background-image: url(../images/ban0.jpg); }

.slides li.b1 { background-image: url(../images/ban1.jpg); }

.slides li.b2 { background-image: url(../images/ban2.jpg); }

.slides li.b3 { background-image: url(../images/ban3.jpg); }

.slides li.b4 { background-image: url(../images/ban4.jpg); }

.slides li.b5 { background-image: url(../images/ban5.jpg); }

.slides li p { width: 1170px; margin: 0 auto; padding-top: 100px; }

.slides li p font { font-size: 36px; font-weight: 100; line-height: 3em; display: block; }

.slides li p a { color: #FFFFFF; display: block; width: 135px; height: 40px; line-height: 40px; background: #fa7e23; text-align: center; margin-top: 30px; font-size: 14px; margin-left: 350px; }

.slides li p a:hover { background: #fa7e23; }

/*首页产品*/

.procen{ overflow: hidden; }

.protit{ text-align: center;margin-top:50px;position:relative; }

.protit a h2{display:inline-block; font-size:32px;line-height:50px;font-weight: 400; }

.protit a img{ display:block;position:absolute;left:50%;margin-left:-55px;transition:all 0.9s; }

.protit a h2:hover img{ transform:rotateY(360deg); }

/*产品列表*/

.prolist { overflow: hidden; text-align: center; margin:35px 0px 0px; padding: 0px 10px; }

.prolist ul { overflow: hidden; }

.prolist ul li { float: left; padding: 11px 72px; color: #fff; background:#495b69; margin:8px; border-radius: 5px;}

.prolist ul li:hover{background:#fa7e23;  }

/*首页产品*/

.products{ overflow: hidden; }

.products ul{ overflow: hidden; }

.products ul li{ float: left;width:570px;margin:10px 10px 0px;  }

.products li i{ display: block;font-style: normal;overflow: hidden;border:1px solid #ccc;}

.products li i img{ width:570px;transform: scale(1);transition:all 0.7s ease; }

.products li:hover i{ border-color:#fa7e23; }

.products li:hover i img{ transform:scale(1.2); }

.products li span{ display: block;font-size:16px;line-height:39px;text-align: center;font-weight:bold; }

.products li:hover span{ color:#fa7e23; }

/*首页车间*/

.workshops {  padding: 50px 0px 20px; }

.workshops .wstit { font-size:30px; text-align: center; padding-bottom: 10px; }

.workshops .wstite { font-size: 16px; color: #555; text-transform: uppercase; text-align: center; padding-bottom: 20px; }

#demoLeft { margin: 5px auto; overflow: hidden; height: auto; padding: 5px 3px 5px 0px; }

#demoLeft .indemo { float: left; width: 2000%; text-align: center; }

#demo1, #demo2 { float: left; }

#demo1 a, #demo2 a { display: block; text-align: center; }

#demo1 ul li, #demo2 ul li { float: left; margin-left: 20px; text-align: center; margin-top: 5px; height: auto; overflow: hidden; border: 1px solid #eee; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }

#demo1 img, #demo2 img { width: 320px; border-bottom: 1px solid #eee; padding: 1px; }

#demo1 p, #demo2 p { line-height: 30px; height: 30px; }

#demo1 ul li:hover, #demo2 ul li:hover { border-color:#fa7e23; }

#demo1 ul li:hover p, #demo2 ul li:hover p { color:#fa7e23; }

.wsmore { padding: 25px 0px 20px; text-align: center; }

.wsmore a { border: solid 2px #ccc; background: transparent; border-radius: 4px; font-size: 14px; padding: 6px 23px; margin: 0; display: inline-block; line-height: 25px; color: #333; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }

.wsmore a:hover { background-color: #f5f5f5; font-weight: 600; border-color: #333; transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;color:#fa7e23;border-color:#fa7e23; }

/*关于我们*/

.com_adv { width: 100%; height: 498px; background: #e5e5e5;margin-top:30px; }

.com_adv-bx-z { float: left; width:480px; background: #495b69; height: 498px; padding: 50px; box-sizing: border-box; *width: 405px; *height: 437px; }

.com_adv-bx-z h2 { font-size: 55px; color:#333; }

.com_adv-bx-z h2 span { font-size: 23px; font-weight: normal; width: 115px; display: block; border-bottom: 5px solid #2b2b2b; height: 35px; margin-top: 30px; }

.com_adv-bx-z p { font-size: 16px; color: #fff; line-height: 32px; margin: 8px 0 15px 0;  text-indent: 45px; }

.com_adv-bx-z h4 { font-size: 34px; color: #2b2b2b; margin-bottom: 20px; }

.com_adv-bx-y { float: right; background: url(../images/ser1.jpg) no-repeat; height: 498px; width: 720px; }

.com_adv-bx-y .wz { width: 545px; height: 315px;  margin-top: 126px; padding: 18px 35px 0 40px; box-sizing: border-box; }

.com_adv-bx-y .wz h4 { color: #fff; font-size: 40px; margin-bottom: 8px; }

.com_adv-bx-y .wz p { font-size: 14px; color: #fff; line-height: 26px; }

/*footer*/

.footer1 { background: #495b69; color: #fff; padding: 40px 0 25px; }

.footer1 .ft_nav { width:1000px; height: 50px; overflow: hidden;margin:0px auto; }

.footer1 .ft_nav ul li { padding: 5px 34px; float: left;}

.footer1 .ft_nav ul li a { color: #fff; font-size: 18px; }

.footer1 .company { overflow: hidden; padding: 50px 40px 60px; border-top: 1px solid rgba(255, 255, 255, .1); }

.footer1 .company li { float: left; font-size: 16px; color: #fff; width: 30%; text-align: center; line-height: 26px; }

.footer1 .company li.call{ width:22%;margin-top:25px; }

.footer1 .company li.addr{ width:32%; margin-top:15px;}

.footer1 .company li.fewm{ width:17%; }

/*.footer1 .company li:nth-child(2) { margin: 0 20px; }*/

.footer1 .company li .title { margin-bottom: 20px; }

.footer1 .company li .title i { display: inline-block; height: 31px; width: 31px; vertical-align: middle; background: no-repeat center center; }

.footer1 .company li .title i+span { display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 24px; }

.footer1 .company li .title i.icon1 { background-image: url(../images/addr.png); }

.footer1 .company li .title i.icon2 { background-image: url(../images/phone.png); }

.footer1 .company li .title i.icon3 { background-image: url(../images/peo.png); }

.footer1 .company li .title i.icon4 { background-image: url(../images/tel.png); }

.footer1 .company li p { font-size: 20px; }

.footer1 .company li p.add{ font-size:16px; }

.footer1 .copyright { text-align: center; font-size: 14px; }

.footer1 .copyright span, .footer1 .copyright img { vertical-align: middle; }

.footer1 .copyright a { color: #fff; }

/*友链*/

.link{ background: #495b69;color:#fff;font-size:15px;padding:12px 0px 10px;border-top:1px solid rgba(255,255,255,0.1); overflow: hidden;}

.link .main1{ width:470px;margin:0px auto;overflow: hidden; }

.link span{ float: left;font-size:20px; }

.link ul { float: left; }

.link ul li{ float: left;margin-left:30px; }

.link a{ color:#fff;font-size:15px;padding:3px 6px; line-height:28px;}

/*面包屑导航*/

.crumbs { height: 50px; line-height: 50px; width: 100%; min-width: 1200px; background: #E3E3E3; }

.crumbs-in { width: 1200px; margin: 0 auto; font-size: 14px; color: #030303 }

.crumbs-in a { color: #030303 }

.crumbs-in i { font-style: normal; }

/*about*/

.aby { margin: 30px 0px; }

.neiye { width: 1200px; margin: 0px auto; }

.abtit { text-align: center; font-size: 28px; line-height: 60px; }

.abcon { text-align: justify; font-size: 16px; line-height: 32px; text-indent: 2em; }

.abcon table tbody p{ text-indent: 0; }

/*contact页面*/

.general_title_new h1 { font-size: 33px; color: #333; font-family: "微软雅黑"; float: left; font-weight: normal; padding: 0px 10px; }

.contact { padding: 40px 0px 0px 0px; font-family: "微软雅黑"; }

.general_title_new { height: 44px; margin: 0px auto; width: 450px; }

.general_title_new .dian_bg { float: left; background: url(../images/dian_title_bg.gif) no-repeat 0px 0px; width: 113px; height: 10px; margin-top: 18px; }

.contact_type { width: 1200px; margin: 0 auto; overflow: hidden; }

.contact_type_ul { width: 1300px; margin: 0 auto; padding: 40px 0; }

.contact_type_ul ul li { width: 305px; height: 360px; text-align: center; float: left; }

.contact_type_ad { background: url(../images/contact_item_bg1.jpg) no-repeat 0px 0px; }

.contact_type_tel { background: url(../images/contact_item_bg1.jpg) no-repeat -450px 0px; margin: 0 143px; _display: inline; }

.contact_type_mail { background: url(../images/contact_item_bg1.jpg) no-repeat -899px 0px; }

.contact_type_ad_title { padding-top: 140px; font-size: 16px; font-weight: bold; padding-bottom: 20px; }

.contact_type_ad_int { line-height: 24px; font-size: 14px; padding: 0px 10px; text-align: center; }

.contact_type_ad_button { width: 95px; height: 35px; background: #eb7743; margin: 0 auto; display: block; color: #fff; text-align: center; line-height: 35px; font-size: 14px; font-family: Arial; margin-top: 20px; }

/*chejian*/

.workshop{ width: 100%; height: 100%; background: -webkit-radial-gradient(center center, 600px 600px, rgba(244, 23, 234, 0.2), rgba(0, 0, 0, 0)); background-color: #000; overflow: hidden; }

.wrapper { perspective:1800px; }

.box {width:380px;height:236px;margin:300px auto; position: relative; transform-style: preserve-3d; transform: rotateX(-10deg) rotateY(0deg); }

.box img { width: 100%; height: 100%; position: absolute; transform: rotateY(0deg) translateZ(0px); -webkit-box-reflect: below 5px -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 100%); }

/*产品页*/

.caseShow { width: 1200px; margin:40px auto 20px; }

.list_pic { padding: 15px 25px; overflow: hidden; clear: both }

.list_pic dl { height: 210px; padding: 10px 0 10px 10px; border-bottom: #CCCCCC dashed 1px }

.list_pic dl dt { width: 310px; float: left; }

.list_pic dl dt img { width: 300px; height: auto; border: 5px solid #EEEEEE; }

.list_pic dl dt img:hover { border: 5px solid #fa7e23; }

.list_pic dl dd { width: 790px; float: right; line-height: 29px; font-size: 15px; text-align: justify; padding-right: 15px; }

.list_pic dl font { font-size: 20px; font-weight: 400; display: block; padding: 15px 0px 19px; }

.list_pic dl dd .more { width: 100px; height: 25px; overflow: hidden; text-align: center; float: right; margin-top: 15px; font-size: 12px }

.list_pic dl dd .more a { color: #FFFFFF; display: block; background:#495b69; line-height: 25px }

.list_pic dl dd .more a:hover { background: #fa7e23; }

/*新闻页*/

.news { width: 100%; margin: 0 auto; background: #fff; padding: 20px 0 }

.news_list { width: 1200px; margin: 0 auto; overflow: hidden; }

.news_list li { background: #f7f7f7; zoom: 1; margin-top: 40px; position: relative; }

.news_list .line { display: block; position: absolute; background: #333; }

.news_list li:after { content: ""; clear: both; display: table; }

.news_time { background: #495b69; width: 120px; height: 100%; padding: 10px 20px 30px 0; }

.news_time .day { display: block; font-size: 58px; color: #fff; font-family: "Impact"; text-align: right; }

.news_time .year { display: block; color: #eee; text-align: right; line-height: 22px; }

.news_time .author { display: block; color: #eee; text-align: right; line-height: 22px; }

.news_time .type { display: block; text-align: right; color: #fff; font-family: Arial; background: url(../images/n01.jpg) no-repeat right top; padding-top: 6px; margin-top: 4px; }

.news_cont { width: 980px; margin-right: 40px; }

.news_cont i { font-size: 20px; font-style: normal; display: block; padding-top: 26px; }

.news_cont i a { color: #333; }

.news_cont a:hover { color: #333; }

.news_cont .demo { line-height: 24px; margin-top: 14px; width: 780px; }

.news_cont .vis { color: #999; line-height: 38px; margin-top: 8px; }

.news_cont .more { width: 100px; float: right; color: #333; border: 1px solid #333; line-height: 38px; padding: 0 24px; position: relative; top: -20px; }

.page { width: 100%; padding: 0%; margin: 0px 0px 5px 0px; position: relative; height: 45px; COLOR: #333; FONT-SIZE: 14px; }

.page a:hover { background: #DDD; COLOR: #467fb4 }

.page ul { float: right; position: absolute; top: 15px; right: 10px; }

.page dd { position: absolute; margin: 0px; left: 15px; top: 17px; text-align: left; }

.page ul span { float: left; margin-left: 2px; FONT-WEIGHT: bold; border: 1px solid #DDD; }

.page ul span a { padding: 3px 10px; display: block; }

#current { padding: 3px 10px; float: left; border: 1px solid #DDD; background: #eee }

/*新闻内页*/

.list_conl {width:910px; padding: 15px 0px; overflow: hidden; clear: both }

.text_title { clear: both; font-size: 20px; line-height: 52px; font-weight: bold; text-align: center; color: #333; }

.text_other { text-align: center; line-height: 25px; color: #999; margin: 4px 0px 10px; font-size: 14px; border: 1px solid #CCC; background: #EEE; }

.prenext { margin: 0 auto; line-height: 25px; color: #333; border: 1px #CCC dotted; font-size: 14px; background-color: #eee; overflow: hidden; margin: 10px 0px; }

.prenext div { margin: 5px 20px; }

.wzcon>p { text-align: justify; text-indent: 2em; font-size: 16px; line-height: 36px; }

.wzcon tbody td img{ margin:8px 0px; }

/*新闻列表*/

.newsli{ width:245px;margin-top:30px; }

.newsli h2{font-size:20px;font-weight: 400;text-align: center;line-height: 40px;}

.newsli ul li{ line-height: 40px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding-left:20px;background:url('../images/d.png') 5px 17px no-repeat; }

/*内页相关*/

.reltit { font-size: 16px; height: 35px; line-height: 35px; background: #eee; color: #333; margin-top: 20px; padding-left: 10px; border-bottom: 2px solid #333; }

.relpic { border-top: none; padding-top: 15px; overflow: hidden; font-size: 12px; line-height: 1.5em; }

.relpic li { float: left; width: 207px; margin: 0px 9px; text-align: center; border: 1px solid #495b69;font-size:15px;line-height: 26px; }

.relpic li:hover { border: 1px solid #fa7e23; }

.relpic li:hover a{ color:#fa7e23; }

.relpic li img { width: 207px;}

.relpic li span { display: block; height: 30px; line-height: 30px; }

#areanew li { width: 98%; border: none; border-bottom: 1px dashed #ccc; font-size: 14px; height: 37px; line-height: 40px; padding: 0px; }

#areanew li a { font-size: 14px; }

#areanew li span { line-height: 40px; }

/*产品内页*/

.list_cont {padding: 0px 0px 15px; overflow: hidden; clear: both }

.list_cont>p { text-align: justify; text-indent: 2em; font-size: 16px; line-height: 32px; }

.list_cont td p img { border: none; }

.list_cont table td { font-size: 16px; padding:4px 0px; }

.prolitit{ font-size:30px;text-align:center;color:#fa7e23; }

.pro_xqt .bigImg {position: relative; }

.pro_xqt .bigImg li img {width:1200px; height:auto;}

.pro_xqt .smallScroll { width: 580px; background: #ccc; padding: 10px; overflow: hidden; }

.pro_xqt .smallImg li { float: left; padding: 0 4px 0 0; width: 93px; cursor: pointer; display: inline; }

.pro_xqt .smallImg img { border: 1px solid #dcdddd; width: 91px; height: 60px; }

.pro_xqt .smallImg .on img { border-color:#fa7e23; }

.pro_wz { width: 275px; float: left; text-align: left; margin-left: 46px; }

.pro_xqt .pro_wz h1 { line-height: 50px; font-size: 22px; padding-left: 10px; }

.pro_wz p { font-size: 15px; padding-left: 10px; line-height: 47px; border-bottom: 1px dashed #ccc; }

.pro_wz p.bl { font-weight: 600; color: #f40; font-size: 16px; }

.pro_wz p.bc { line-height: 30px; }

.pro_wz img { margin-top: 14px; }

.pro_xqc { padding-top: 10px;text-align:center; }

.pro_xqc h1{ margin:13px 0px 15px; }

.pro_xqc .xq { border-bottom: 1px solid #333; height: 33px; margin-bottom: 20px; }

.pro_xqc .xq span { display: inline-block; width: 120px; height: 33px; line-height: 33px; text-align: center; font-size: 15px; font-weight: 800; border: 1px solid #333; border-bottom: none; background-color: #fef5f4; }

.pro_xqc ul li { float: left; width: 50%; text-align: center; }

.pro_xqc ul li span { display: block; line-height: 40px; }

.pro_xqc>p { font-size: 16px; text-align: justify;line-height: 33px; }

.ewm { width: 200px; height: 228px; margin-top: 115px; }

#player{ width:1000px;margin:0 auto; }

#player1{ width:1000px;margin:20px auto 0; }